<template>
  <div class="Hright flexC AlignItemsC">
    <div class="category flex3">
      <div class=" gun_t flex JustifyContentSB AlignItemsC">
        <p class=" font_s20 colorF">
          <span class="gun"></span>
          <span class="gun_p">智能发现</span>
        </p>
        <p class="font_s18 Medium subtitle textC cursor" @click="clone.zhineng = true">智能模型</p>
      </div>
      <div class="ball_ul flexC AlignItemsC">
        <div class="flex font_20 colorF JustifyContentSA AlignItemsC" style="width: 100%;height: 25%;">
          <div>
            <p style="line-height:2.5rem;">累计发现</p>
            <p class="textC">
              <span class="ball font_s32">{{ creditForm.gyxy1 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy2 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy3 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy4 }}</span>
              (起)
            </p>
          </div>
          <div>
            <p style="line-height:2.5rem;">当月发现</p>
            <p class="textC">
              <span class="ball font_s32">{{ creditForm.gyxy5 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy6 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy7 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy8 }}</span>
              (起)
            </p>
          </div>
        </div>
        <div style="width:29.375rem; border:1px dashed rgba(45,125,241,0.2); margin: 1.325rem 0rem;"></div>

        <div class="flex flex1 JustifyContentSA " style="width: 100%;">
          <!-- 大数据发现 -->
          <div class="flexC square JustifyContentC">
            <p class="font_20 textC" style="color: #F29B4F;">大数据分析发现</p>
            <div class="flex JustifyContentSA">
              <p class="font_s16 colorF" style="color: #FFFFFF;">本月</p>
              <p class="font_s24 textC" style="color: #FFFD58;">
                <span>{{ homeInfo.dsjdys }}</span>
                <span class="font_s16 colorF">起</span>
              </p>
            </div>
            <div style="width:100%; border:1px dashed rgba(242,155,79,1);"></div>
            <div class="flex cursor JustifyContentSB" @click="exception.apply = true">
              <p class="font_s16" style="color: #FFFFFF;">疑似健康老人申请</p>
              <p class="font_s24" style="color: #FFFD58;">{{ homeInfo.dsjYsjklrsqs }}</p>
            </div>
            <div class="flex cursor JustifyContentSB" @click="exception.serve = true">
              <p class="font_s16 " style="color: #FFFFFF;">疑似机构运作异常</p>
              <p class="font_s24" style="color: #FFFD58;">{{ homeInfo.dsjYsjgyzycs }}</p>
            </div>
            <div class="flex cursor JustifyContentSB" @click="exception.settlement = true">
              <p class="font_s16 " style="color: #FFFFFF;">疑似基金流失</p>
              <p class="font_s24" style="color: #FFFD58;">{{ homeInfo.dsjYsjjlss }}</p>
            </div>
          </div>

          <!-- 互联网移动端 -->
          <div class="flexC square1 JustifyContentC">
            <p class="font_20 textC">互联网移动端</p>
            <div class="flex JustifyContentSA">
              <p class="font_s16">本月</p>
              <p class="font_s24 textC">
                <span>0</span>
                <span class="font_s16">起</span>
              </p>
            </div>
            <div style="width:100%; border:1px dashed rgba(242,155,79,1);"></div>
            <div class="flex JustifyContentSB">
              <p class="font_s16">签到异常</p>
              <p class="font_s24">0</p>
            </div>
            <div class="flex JustifyContentSB">
              <p class="font_s16">服务次数异常</p>
              <p class="font_s24">0</p>
            </div>
            <div class="flex JustifyContentSB">
              <p class="font_s16">评估异常</p>
              <p class="font_s24">0</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="category flex1">
      <div class="ball_ul1 flex JustifyContentSA AlignItemsC">
        <div class="flexC   font_20 colorF">
          <div class="flex textC">
            <div class="flexC cursor" @click="conRightCeState = true">
              <p style="line-height:1.5rem;" :style="conRightCeState ? '' : 'color: #A2ADBF;'">信访投诉</p>
              <img src="../../assets/img/home/108.png" v-if="conRightCeState" alt="" style="width: 6rem;height: 1.125rem;" />
            </div>
            <div class="flexC cursor" @click="conRightCeState = false">
              <p style="line-height:1.5rem; " :style="conRightCeState ? 'color: #A2ADBF;' : ''">两会提案</p>
              <img src="../../assets/img/home/108.png" v-if="!conRightCeState" alt="" style="width: 6rem;height: 1.125rem;" />
            </div>
          </div>
          <div class="flex font_20 colorF" v-if="conRightCeState">
            <p class="textC cursor" @click="clone.xingfangList = true">
              累计
              <span class="ball font_s32">{{ creditForm.gyxy9 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy10 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy11 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy12 }}</span>
              (起)
            </p>
            <div style="padding: 0.7rem;"></div>
            <p class="textC cursor" @click="clone.xingfangDate = true">
              本月
              <span class="ball font_s32">{{ creditForm.gyxy13 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy14 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy15 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy16 }}</span>
              (起)
            </p>
          </div>
          <div class="flex font_20 colorF" v-if="!conRightCeState">
            <p class="textC cursor" @click="clone.lianghuiList = true">
              累计
              <span class="ball font_s32">{{ creditForm.gyxy17 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy18 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy19 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy20 }}</span>
              (起)
            </p>
            <div style="padding: 0.7rem;"></div>
            <p class="textC cursor" @click="clone.lianghuiDate = true">
              本月
              <span class="ball font_s32">{{ creditForm.gyxy21 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy22 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy23 }}</span>
              <span class="ball font_s32">{{ creditForm.gyxy24 }}</span>
              (起)
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- 分析研判 -->
    <div class="category flex1 flexC cursor"><img @click="clone.fengxi = true" src="../../assets/img/home/105.png" style="width: 100%; height: 10.2vh;" alt="" /></div>
    <!-- 引用智能发现模型的组件 -->
    <YiBaoRect02 v-if="clone.zhineng" @hidden="hiddenClone(0)" title="智能发现模型"><ZnRire></ZnRire></YiBaoRect02>
    <!-- 引用分析研判的组件 -->
    <YiBaoRect02 v-if="clone.fengxi" @hidden="hiddenClone(1)" title="分析研判"><FxEcharts></FxEcharts></YiBaoRect02>
    <!-- 引用信访投诉的组件 -->
    <YiBaoPolygon v-if="clone.xingfangList" @hidden="hiddenClone(2)"><Xfts></Xfts></YiBaoPolygon>
    <YiBaoPolygon v-if="clone.xingfangDate" @hidden="hiddenClone(3)"><XftsTwo></XftsTwo></YiBaoPolygon>
    <!-- 引用两会题案的组件 -->
    <YiBaoPolygon v-if="clone.lianghuiList" @hidden="hiddenClone(4)"><Lhta></Lhta></YiBaoPolygon>
    <YiBaoPolygon v-if="clone.lianghuiDate" @hidden="hiddenClone(5)"><LhtaTow></LhtaTow></YiBaoPolygon>
    <!-- 疑似健康老人申请 -->
    <YiBaoPolygon v-if="exception.apply" @hidden="hiddenException(0)"><LaoRenShenQing></LaoRenShenQing></YiBaoPolygon>
    <!--  疑似机构运作异常 -->
    <YiBaoPolygon v-if="exception.serve" @hidden="hiddenException(1)"><JiGouYunZuo></JiGouYunZuo></YiBaoPolygon>
    <!-- 疑似基金流失 -->
    <YiBaoPolygon v-if="exception.settlement" @hidden="hiddenException(2)"><JiJinLiuShi></JiJinLiuShi></YiBaoPolygon>
  </div>
</template>
<script>
import YiBaoPolygon from '@/components/YiBaoPolygon'
import YiBaoRect02 from '@/components/YiBaoRect02'
// 疑似健康老人申请
import LaoRenShenQing from './rightComponents/LaoRenShenQing'
// 疑似机构运作异常
import JiGouYunZuo from './rightComponents/JiGouYunZuo'
// 疑似基金流失
import JiJinLiuShi from './rightComponents/JiJinLiuShi'
import Xfts from './rightComponents/Xfts'
import XftsTwo from './rightComponents/XftsTwo'
import Lhta from './rightComponents/Lhta'
import LhtaTow from './rightComponents/LhtaTow'
// 分析研判
import FxEcharts from './rightComponents/FxEcharts'
// 智能发现模型
import ZnRire from './rightComponents/ZnRire'
export default {
  components: {
    YiBaoPolygon,
    YiBaoRect02,
    Xfts,
    XftsTwo,
    Lhta,
    LhtaTow,
    FxEcharts,
    LaoRenShenQing,
    JiGouYunZuo,
    JiJinLiuShi,
    ZnRire
  },
  data () {
    return {
      tempState: '1',
      isActive: 0,
      conRightCeState: true,
      clone: {
        zhineng: false,
        fengxi: false,
        xingfangList: false,
        xingfangDate: false,
        lianghuiList: false,
        lianghuiDate: false
      },
      exception: {
        apply: false,
        serve: false,
        settlement: false
      },
      creditForm: {
        gyxy1: 0,
        gyxy2: 0,
        gyxy3: 0,
        gyxy4: 0,
        gyxy5: 0,
        gyxy6: 0,
        gyxy7: 0,
        gyxy8: 0,
        gyxy9: 0,
        gyxy10: 0,
        gyxy11: 0,
        gyxy12: 0,
        gyxy13: 0,
        gyxy14: 0,
        gyxy15: 0,
        gyxy16: 0,
        gyxy17: 0,
        gyxy18: 0,
        gyxy19: 0,
        gyxy20: 0,
        gyxy21: 0,
        gyxy22: 0,
        gyxy23: 0,
        gyxy24: 0
      },
      znfxljsList: [],
      znfxdysList: [],
      xftsljsList: [],
      xftsbysList: [],
      lhtaljsList: [],
      lhtabysList: [],
      homeInfo: {}
    }
  },
  mounted () {
    setInterval(() => {
      this.creditForm.gyxy1 = 0
      this.creditForm.gyxy2 = 0
      this.creditForm.gyxy3 = 0
      this.creditForm.gyxy4 = 0
      this.creditForm.gyxy5 = 0
      this.creditForm.gyxy6 = 0
      this.creditForm.gyxy7 = 0
      this.creditForm.gyxy8 = 0
      this.creditForm.gyxy9 = 0
      this.creditForm.gyxy10 = 0
      this.creditForm.gyxy11 = 0
      this.creditForm.gyxy12 = 0
      this.creditForm.gyxy13 = 0
      this.creditForm.gyxy14 = 0
      this.creditForm.gyxy15 = 0
      this.creditForm.gyxy16 = 0
      this.creditForm.gyxy17 = 0
      this.creditForm.gyxy18 = 0
      this.creditForm.gyxy19 = 0
      this.creditForm.gyxy20 = 0
      this.creditForm.gyxy21 = 0
      this.creditForm.gyxy22 = 0
      this.creditForm.gyxy23 = 0
      this.creditForm.gyxy24 = 0

      var creditInterval1 = null
      var creditInterval2 = null
      var creditInterval3 = null
      var creditInterval4 = null
      var creditInterval5 = null
      var creditInterval6 = null
      var creditInterval7 = null
      var creditInterval8 = null
      var creditInterval9 = null
      var creditInterval10 = null
      var creditInterval11 = null
      var creditInterval12 = null
      var creditInterval13 = null
      var creditInterval14 = null
      var creditInterval15 = null
      var creditInterval16 = null
      var creditInterval17 = null
      var creditInterval18 = null
      var creditInterval19 = null
      var creditInterval20 = null
      var creditInterval21 = null
      var creditInterval22 = null
      var creditInterval23 = null
      var creditInterval24 = null

      creditInterval1 = setInterval(() => {
        if (this.creditForm.gyxy1 >= this.znfxljsList[0]) {
          this.creditForm.gyxy1 = this.znfxljsList[0]
          clearInterval(creditInterval1)
        } else {
          this.creditForm.gyxy1 = parseInt(this.creditForm.gyxy1 + Math.ceil(this.znfxljsList[0] / 10))
        }
      }, 100)
      creditInterval2 = setInterval(() => {
        if (this.creditForm.gyxy2 >= this.znfxljsList[1]) {
          this.creditForm.gyxy2 = this.znfxljsList[1]
          clearInterval(creditInterval2)
        } else {
          this.creditForm.gyxy2 = parseInt(this.creditForm.gyxy2 + Math.ceil(this.znfxljsList[1] / 10))
        }
      }, 100)
      creditInterval3 = setInterval(() => {
        if (this.creditForm.gyxy3 >= this.znfxljsList[2]) {
          this.creditForm.gyxy3 = this.znfxljsList[2]
          clearInterval(creditInterval3)
        } else {
          this.creditForm.gyxy3 = parseInt(this.creditForm.gyxy3 + Math.ceil(this.znfxljsList[2] / 10))
        }
      }, 100)
      creditInterval4 = setInterval(() => {
        if (this.creditForm.gyxy4 >= this.znfxljsList[3]) {
          this.creditForm.gyxy4 = this.znfxljsList[3]
          clearInterval(creditInterval4)
        } else {
          this.creditForm.gyxy4 = parseInt(this.creditForm.gyxy4 + Math.ceil(this.znfxljsList[3] / 10))
        }
      }, 100)
      creditInterval5 = setInterval(() => {
        if (this.creditForm.gyxy5 >= this.znfxdysList[0]) {
          this.creditForm.gyxy5 = this.znfxdysList[0]
          clearInterval(creditInterval5)
        } else {
          this.creditForm.gyxy5 = parseInt(this.creditForm.gyxy5 + Math.ceil(this.znfxdysList[0] / 10))
        }
      }, 100)
      creditInterval6 = setInterval(() => {
        if (this.creditForm.gyxy6 >= this.znfxdysList[1]) {
          this.creditForm.gyxy6 = this.znfxdysList[1]
          clearInterval(creditInterval6)
        } else {
          this.creditForm.gyxy6 = parseInt(this.creditForm.gyxy6 + Math.ceil(this.znfxdysList[1] / 10))
        }
      }, 100)
      creditInterval7 = setInterval(() => {
        if (this.creditForm.gyxy7 >= this.znfxdysList[2]) {
          this.creditForm.gyxy7 = this.znfxdysList[2]
          clearInterval(creditInterval7)
        } else {
          this.creditForm.gyxy7 = parseInt(this.creditForm.gyxy7 + Math.ceil(this.znfxdysList[2] / 10))
        }
      }, 100)
      creditInterval8 = setInterval(() => {
        if (this.creditForm.gyxy8 >= this.znfxdysList[3]) {
          this.creditForm.gyxy8 = this.znfxdysList[3]
          clearInterval(creditInterval8)
        } else {
          this.creditForm.gyxy8 = parseInt(this.creditForm.gyxy8 + Math.ceil(this.znfxdysList[3] / 10))
        }
      }, 100)
      creditInterval9 = setInterval(() => {
        if (this.creditForm.gyxy9 >= this.xftsljsList[0]) {
          this.creditForm.gyxy9 = this.xftsljsList[0]
          clearInterval(creditInterval9)
        } else {
          this.creditForm.gyxy9 = parseInt(this.creditForm.gyxy9 + Math.ceil(this.xftsljsList[0] / 10))
        }
      }, 100)
      creditInterval10 = setInterval(() => {
        if (this.creditForm.gyxy10 >= this.xftsljsList[1]) {
          this.creditForm.gyxy10 = this.xftsljsList[1]
          clearInterval(creditInterval10)
        } else {
          this.creditForm.gyxy10 = parseInt(this.creditForm.gyxy10 + Math.ceil(this.xftsljsList[1] / 10))
        }
      }, 100)
      creditInterval11 = setInterval(() => {
        if (this.creditForm.gyxy11 >= this.xftsljsList[2]) {
          this.creditForm.gyxy11 = this.xftsljsList[2]
          clearInterval(creditInterval11)
        } else {
          this.creditForm.gyxy11 = parseInt(this.creditForm.gyxy11 + Math.ceil(this.xftsljsList[2] / 10))
        }
      }, 100)
      creditInterval12 = setInterval(() => {
        if (this.creditForm.gyxy12 >= this.xftsljsList[3]) {
          this.creditForm.gyxy12 = this.xftsljsList[3]
          clearInterval(creditInterval12)
        } else {
          this.creditForm.gyxy12 = parseInt(this.creditForm.gyxy12 + Math.ceil(this.xftsljsList[3] / 10))
        }
      }, 100)
      creditInterval13 = setInterval(() => {
        if (this.creditForm.gyxy13 >= this.xftsbysList[0]) {
          this.creditForm.gyxy13 = this.xftsbysList[0]
          clearInterval(creditInterval13)
        } else {
          this.creditForm.gyxy13 = parseInt(this.creditForm.gyxy13 + Math.ceil(this.xftsbysList[0] / 10))
        }
      }, 100)
      creditInterval14 = setInterval(() => {
        if (this.creditForm.gyxy14 >= this.xftsbysList[1]) {
          this.creditForm.gyxy14 = this.xftsbysList[1]
          clearInterval(creditInterval14)
        } else {
          this.creditForm.gyxy14 = parseInt(this.creditForm.gyxy14 + Math.ceil(this.xftsbysList[1] / 10))
        }
      }, 100)
      creditInterval15 = setInterval(() => {
        if (this.creditForm.gyxy15 >= this.xftsbysList[2]) {
          this.creditForm.gyxy15 = this.xftsbysList[2]
          clearInterval(creditInterval15)
        } else {
          this.creditForm.gyxy15 = parseInt(this.creditForm.gyxy15 + Math.ceil(this.xftsbysList[2] / 10))
        }
      }, 100)
      creditInterval16 = setInterval(() => {
        if (this.creditForm.gyxy16 >= this.xftsbysList[3]) {
          this.creditForm.gyxy16 = this.xftsbysList[3]
          clearInterval(creditInterval16)
        } else {
          this.creditForm.gyxy16 = parseInt(this.creditForm.gyxy16 + Math.ceil(this.xftsbysList[3] / 10))
        }
      }, 100)
      creditInterval17 = setInterval(() => {
        if (this.creditForm.gyxy17 >= this.lhtaljsList[0]) {
          this.creditForm.gyxy17 = this.lhtaljsList[0]
          clearInterval(creditInterval17)
        } else {
          this.creditForm.gyxy17 = parseInt(this.creditForm.gyxy17 + Math.ceil(this.lhtaljsList[0] / 10))
        }
      }, 100)
      creditInterval18 = setInterval(() => {
        if (this.creditForm.gyxy18 >= this.lhtaljsList[1]) {
          this.creditForm.gyxy18 = this.lhtaljsList[1]
          clearInterval(creditInterval18)
        } else {
          this.creditForm.gyxy18 = parseInt(this.creditForm.gyxy18 + Math.ceil(this.lhtaljsList[1] / 10))
        }
      }, 100)
      creditInterval19 = setInterval(() => {
        if (this.creditForm.gyxy19 >= this.lhtaljsList[2]) {
          this.creditForm.gyxy19 = this.lhtaljsList[2]
          clearInterval(creditInterval19)
        } else {
          this.creditForm.gyxy19 = parseInt(this.creditForm.gyxy19 + Math.ceil(this.lhtaljsList[2] / 10))
        }
      }, 100)
      creditInterval20 = setInterval(() => {
        if (this.creditForm.gyxy20 >= this.lhtaljsList[3]) {
          this.creditForm.gyxy20 = this.lhtaljsList[3]
          clearInterval(creditInterval20)
        } else {
          this.creditForm.gyxy20 = parseInt(this.creditForm.gyxy20 + Math.ceil(this.lhtaljsList[3] / 10))
        }
      }, 100)
      creditInterval21 = setInterval(() => {
        if (this.creditForm.gyxy21 >= this.lhtabysList[0]) {
          this.creditForm.gyxy21 = this.lhtabysList[0]
          clearInterval(creditInterval21)
        } else {
          this.creditForm.gyxy21 = parseInt(this.creditForm.gyxy21 + Math.ceil(this.lhtabysList[0] / 10))
        }
      }, 100)
      creditInterval22 = setInterval(() => {
        if (this.creditForm.gyxy22 >= this.lhtabysList[1]) {
          this.creditForm.gyxy22 = this.lhtabysList[1]
          clearInterval(creditInterval22)
        } else {
          this.creditForm.gyxy22 = parseInt(this.creditForm.gyxy22 + Math.ceil(this.lhtabysList[1] / 10))
        }
      }, 100)
      creditInterval23 = setInterval(() => {
        if (this.creditForm.gyxy23 >= this.lhtabysList[2]) {
          this.creditForm.gyxy23 = this.lhtabysList[2]
          clearInterval(creditInterval23)
        } else {
          this.creditForm.gyxy23 = parseInt(this.creditForm.gyxy23 + Math.ceil(this.lhtabysList[2] / 10))
        }
      }, 100)
      creditInterval24 = setInterval(() => {
        if (this.creditForm.gyxy24 >= this.lhtabysList[3]) {
          this.creditForm.gyxy24 = this.lhtabysList[3]
          clearInterval(creditInterval24)
        } else {
          this.creditForm.gyxy24 = parseInt(this.creditForm.gyxy24 + Math.ceil(this.lhtabysList[3] / 10))
        }
      }, 100)
    }, 5000)
    this.homeHandele()
    setInterval(() => {
      this.homeHandele()
      console.log('Hright update Post')
    }, 60 * 60 * 1000)
  },
  methods: {
    homeHandele () {
      this.$http.post(this.$api.Index.index, ' ', true).then(result => {
        this.homeInfo = result.data.result
        var znfxdys = this.homeInfo.znfxdys + ''
        var znfxljs = this.homeInfo.znfxljs + ''
        var xftsljs = this.homeInfo.xftsljs + ''
        var xftsbys = this.homeInfo.xftsbys + ''
        var lhtaljs = this.homeInfo.lhtaljs + ''
        var lhtabys = this.homeInfo.lhtabys + ''
        var znfxdysStr = ''
        if (znfxdys.length === 1) {
          znfxdysStr = '000' + znfxdys
        } else if (znfxdys.length === 2) {
          znfxdysStr = '00' + znfxdys
        } else if (znfxdys.length === 3) {
          znfxdysStr = '0' + znfxdys
        } else if (znfxdys.length === 4) {
          znfxdysStr = znfxdys
        }
        for (var i = 0; i < znfxdysStr.length; i++) {
          this.znfxdysList.push(znfxdysStr.charAt(i))
        }

        var znfxljsStr = ''
        if (znfxljs.length === 1) {
          znfxljsStr = '000' + znfxljs
        } else if (znfxljs.length === 2) {
          znfxljsStr = '00' + znfxljs
        } else if (znfxljs.length === 3) {
          znfxljsStr = '0' + znfxljs
        } else if (znfxljs.length === 4) {
          znfxljsStr = znfxljs
        }
        for (var j = 0; j < znfxljsStr.length; j++) {
          this.znfxljsList.push(znfxljsStr.charAt(j))
        }

        var xftsljsStr = ''
        if (xftsljs.length === 1) {
          xftsljsStr = '000' + xftsljs
        } else if (xftsljs.length === 2) {
          xftsljsStr = '00' + xftsljs
        } else if (xftsljs.length === 3) {
          xftsljsStr = '0' + xftsljs
        } else if (xftsljs.length === 4) {
          xftsljsStr = xftsljs
        }
        for (var k = 0; k < xftsljsStr.length; k++) {
          this.xftsljsList.push(xftsljsStr.charAt(k))
        }

        var xftsbysStr = ''
        if (xftsbys.length === 1) {
          xftsbysStr = '000' + xftsbys
        } else if (xftsbys.length === 2) {
          xftsbysStr = '00' + xftsbys
        } else if (xftsbys.length === 3) {
          xftsbysStr = '0' + xftsbys
        } else if (xftsbys.length === 4) {
          xftsbysStr = xftsbys
        }
        for (var a = 0; a < xftsbysStr.length; a++) {
          this.xftsbysList.push(xftsbysStr.charAt(a))
        }

        var lhtaljsStr = ''
        if (lhtaljs.length === 1) {
          lhtaljsStr = '000' + lhtaljs
        } else if (lhtaljs.length === 2) {
          lhtaljsStr = '00' + lhtaljs
        } else if (lhtaljs.length === 3) {
          lhtaljsStr = '0' + lhtaljs
        } else if (lhtaljs.length === 4) {
          lhtaljsStr = lhtaljs
        }
        for (var b = 0; b < lhtaljsStr.length; b++) {
          this.lhtaljsList.push(lhtaljsStr.charAt(b))
        }

        var lhtabysStr = ''
        if (lhtabys.length === 1) {
          lhtabysStr = '000' + lhtabys
        } else if (lhtabys.length === 2) {
          lhtabysStr = '00' + lhtabys
        } else if (lhtabys.length === 3) {
          lhtabysStr = '0' + lhtabys
        } else if (lhtabys.length === 4) {
          lhtabysStr = lhtabys
        }
        for (var c = 0; c < lhtabysStr.length; c++) {
          this.lhtabysList.push(lhtabysStr.charAt(c))
        }
      })
    },
    hiddenClone (index) {
      this.isActive = index
      if (index === 0) {
        this.clone.zhineng = false
      } else if (index === 1) {
        this.clone.fengxi = false
      } else if (index === 2) {
        this.clone.xingfangList = false
      } else if (index === 3) {
        this.clone.xingfangDate = false
      } else if (index === 4) {
        this.clone.lianghuiList = false
      } else if (index === 5) {
        this.clone.lianghuiDate = false
      }
    },
    hiddenException (index) {
      this.isActive = index
      if (index === 0) {
        this.exception.apply = false
      } else if (index === 1) {
        this.exception.serve = false
      } else if (index === 2) {
        this.exception.settlement = false
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.Hright {
  width: 100%;
  height: 100%;
  .bj {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
  }
  .category {
    margin-top: 0.625rem;
    width: 100%;
    .subtitle {
      width: 22%;
      background: url(../../assets/img/home/008.png) no-repeat;
      background-size: 100% 100%;
      color: #0a1943;
      font-weight: bold;
      line-height: 2rem;
    }
    .gun {
      margin: 1rem;
      padding: 0.01rem 0.15rem;
      background: rgba(255, 255, 255, 1);
    }
    .gun_t {
      box-sizing: border-box;
      background: linear-gradient(90deg, rgba(45, 125, 241, 0.6) 0%, rgba(45, 125, 241, 0.25) 100%);
    }
    .gun_p {
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      text-shadow: 0.4375rem 0.4375rem 0.25rem rgba(0, 0, 0, 1);
    }
    .ball_ul {
      width: 100%;
      height: 35vh;
      font-weight: 400;
      background: url(../../assets/img/home/109.png) no-repeat;
      background-size: 100% 100%;
    }
    .ball_ul1 {
      width: 100%;
      height: 12vh;
      font-weight: 400;
      background: url(../../assets/img/home/200.png) no-repeat;
      background-size: 100% 100%;
    }
    .ball {
      display: inline-block;
      width: 1.875rem;
      height: 3.125rem;
      color: #f8d371;
      border: 1px solid rgba(241, 145, 73, 1);
      margin-right: 0.5rem;
      line-height: 3.125rem;
    }
    .square {
      width: 14.375rem;
      height: 11.75rem;
      padding: 0 2% 0 7%;
      background: url(../../assets/img/home/106.png) no-repeat;
      background-size: 100% 100%;
      box-sizing: border-box;
    }
    .square1 {
      width: 14.375rem;
      height: 11.75rem;
      padding: 0 2% 0 7%;
      background: url(../../assets/img/home/107.png) no-repeat;
      background-size: 100% 100%;
      box-sizing: border-box;
    }
    .square p,
    .square1 p {
      line-height: 2.1rem;
      color: rgba(162, 173, 191, 0.7);
    }
  }
}
</style>
